@charset "UTF-8";
@import "./_functions.scss";
@import "./_variables.scss";


body {
    background: #eee;
}

.clearfix:before,
.clearfix:after {
    display: block;
    clear: both;
    content: '';
}

.hide {
    display: none !important;
}

.bottomfix {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    max-width: 375px;
}

.h_box {
    display: -webkit-box;
    display: flex;
    width: 100%;
}

.flex_1 {
    -webkit-box-flex: 1;
    box-flex: 1;
}

.flex_pjustify {
    justify-content: space-between;
}

// 容器的display属性
.display_flex {
    display: flex;
}

// 容器居中
.pack_center {
    justify-content: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.fb {
    font-weight: bold
}


.ml15 {
    margin-left: rem(15);
}
.mt16 {
    margin-top: rem(16);
}
.mt15{
    margin-top: rem(15);
}
.mb15{
    margin-bottom: rem(15);
}

.white {
    color: $_fff;
} // 白色
.black {
    color: $_030303;
} // 黑色
.red {
    color: $_ff0000;
} // 红色
.gray {
    color: $_999;
} // 灰色
.orange {
    color: $_ff6600;
} // 橙色
.blue {
    color: $_03a9f4;
} // 蓝色


.icon-bg-orange{
    display:inline-block;
    background:$_orange;
    line-height: rem(18);
    height: rem(18);
    font-size: rem(12);
    color: $_fff;
    padding:0 rem(4);
}

.pr{
    position: relative;
}
.pa{
    position: absolute;
}

.position-ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

//圆圈
.circle{
    display: inline-block;
    width: rem(32);
    height: rem(32);
    border-radius: rem(32);
}

.circlebg-1{
    background:$_orange;
}
.circlebg-2{
    background:#7387f4;;
}
.circlebg-3{
    background:#00babd;;
}
.circlebg-4{
    background:#ff6600;;
}
.circlebg-5{
    background:#fec200;;
}
.text-overflow {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
